.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -100px;}
.headroom--pinned {top: 0;}
.scrollspy-example {
    height: 1200px;
    overflow: auto;
    position: relative;
}
.bd{
    height: 150px;
    width: 270px;
    margin-top: 230px;
}
.inp{
    border: 1px solid #b9b9c0;
    border-radius: 8px 0 0 8px;
    margin-top:0;
    float: left;
    margin-left: 260px;
    width: 550px;
    height: 50px;
}
.a{
    background-color: #2625e5;
    width: 120px;
    height: 50px;
    padding-top: 6px;
    margin-top:0;
    margin-right: 208px;
}
button:hover{
    background-color: #8eb6f1;
    font-size: 20px;
    color: #757a78;
}
.b{
    padding-top: 30px;
}
.logo1{
    width: 30px;
    height: 30px;
    margin-left: 3px;
    padding: 3px 3px;
}
.logo2{
    width:120px;
    height: 30px;
    margin-left: 3px;
    padding: 3px 3px;
}
.logo3{
    width:80px;
    height: 30px;
    margin-left: 3px;
    padding: 3px 3px;
}
ul{
    list-style: none;
}
p{
    text-align: center;
}